<div class="container">
    <!-- WRAPPER -->
    <div class="container-wrapper wrapper-bg">
        <!-- HEADER -->
        <div class="container-header"
            [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/bg-header.png)'">
            活动期间内，每日通过送礼获得「盛典贡献」
        </div>

        <!-- MAIN -->
        <div class="container-main"
            [ngStyle]="{'background': 'url('+deployUrl+'assets/img/end-year/common/bg-center.png) center 0 / 100% 100% no-repeat'}">
            <!-- NOTICE -->
            <div class="container-main__notice">
                <img [src]="deployUrl+'assets/img/end-year/welfare/user-prize-value-icon.png'" alt="盛典贡献">
                <span>今日盛典贡献: </span> <span class="minutes">{{score}}</span>
            </div>
            <ng-container *ngFor="let row of layoutMap.get(1)">
                <!-- ROW-i -->
                <div class="container-main__list">
                    <ng-container *ngFor="let block of row">
                        <section
                            [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/welfare/anchor-prize-'+(block.size===1?'bg':'bgx2')+'.png)'">
                            <div class="section--main">
                                <!-- ITEM-i -->
                                <div *ngFor="let item of block.content" class="list-item">
                                    <div class="list-item__pic">
                                        <img [src]="deployUrl+'assets/img/end-year/welfare/user-prize-'+item.pic+'.png'"
                                            alt="奖品图">
                                    </div>
                                    <div class="list-item__name">{{item.name}}</div>
                                    <!-- 1天 -->
                                    <img *ngIf="item.validity === 1 && !item.unit"
                                        [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-tag-1day.png'"
                                        alt="一天" class="list-item__tag">
                                    <!-- 5个 -->
                                    <img *ngIf="item.validity === 5 && item.unit==='个'"
                                        [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-tag-5x.png'" alt="5个"
                                        class="list-item__tag">
                                    <!-- 15个 -->
                                    <img *ngIf="item.validity === 15 && item.unit==='个'"
                                        [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-tag-15x.png'"
                                        alt="15个" class="list-item__tag">
                                    <img *ngIf="item.validity === 20 && item.unit==='个'"
                                        [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-tag-20x.png'"
                                        alt="20个" class="list-item__tag">
                                    <!-- 已获取 -->
                                    <img *ngIf="score>=block.score"
                                        [src]="deployUrl+'assets/img/end-year/welfare/anchor-prize-got.png'" alt="已获取"
                                        class="list-item__got">
                                </div>
                            </div>
                            <div class="list-value">
                                <img class="list-value__icon"
                                    [src]="deployUrl+'assets/img/end-year/welfare/user-prize-value-icon.png'" alt="金币">
                                <div class="list-value__counts">×{{block.score || 0}}</div>
                            </div>
                        </section>
                    </ng-container>
                </div>
            </ng-container>
        </div>
        <!-- TIPS -->
        <div class="container-tips">
            <div class="container-tips__text">
                <p>注意事项</p>
                <p>1、活动期间内在直播间送礼按照1钻石=1盛典贡献统计，送宝箱礼物按照开出礼物的实际价格统计，送神秘商店产出的礼物按照1钻石=1.5盛典贡献统计；</p>
                <p>2、达到要求后奖励均自动下发，若出现奖励不到账的情况请扫描下方二维码咨询在线客服。</p>
            </div>
            <img class="container-tips__qr" [src]="deployUrl+'assets/img/end-year/common/service-qr.png'" alt="客服二维码">
        </div>
        <!-- FOOTER -->
        <div class="container-footer"
            [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/bg-footer.png)'">
        </div>
    </div>